草庐IT

ionic 模态窗口

全部标签

javascript - 进行 oauth 时如何创建弹出窗口?

我想通过使用弹出窗口来完成lifestream和其他网站通过oauth身份验证所做的事情。他们打开一个弹出窗口,该窗口不知何故未被弹出窗口阻止程序阻止,并使他们的站点变灰。然后在允许oauth访问后,它说重定向回原始站点并终止弹出窗口并将站点返回到正常颜色。我将如何着手做这样的事情?如果我发布任何内容,我不应该接受它,因为无论如何所有这些帐户都是假的。 最佳答案 在javascript中,window.open()功能会为你做这件事。使用它的api,您可以设置它的位置并从其中发生的事件中获取数据。如果弹出窗口是从用户单击按钮时执行的

javascript - jquery调整窗口大小以适应内容

我有一个显示300x300px图片的简单弹出窗口,我将窗口的大小设置为350x350px,但根据浏览器的不同,我会得到滚动条或额外的空白。是否有一些jQuery函数可以调整浏览器窗口的大小以适应内容而没有任何滚动条或空白,无论是什么浏览器?帮帮我!! 最佳答案 你可以做这样的事情..functionwindowResize(){varcontentWidth=document.getElementById("YourImageOrContent").offsetWidth;varcontentHeight=document.getE

javascript - 我可以根据窗口大小执行 javascript 吗?

我有一个响应式网站,我在其中使用javascript创建一个粘性侧边栏。当浏览器大小小于768像素时,我还使用媒体查询从多列布局更改为单列布局。我需要弄清楚如何在单列布局中禁用粘性菜单脚本。本质上,我需要诸如脚本语句的媒体查询之类的东西。这是我用来启用脚本的代码:jQuery('#info').containedStickyScroll({duration:0,unstick:false});有什么我可以添加到它的东西,只在窗口宽度为768像素或更宽时触发它吗?编辑:我正在寻找一种解决方案,如果用户即时调整窗口大小,该解决方案将起作用。 最佳答案

javascript - 更改特定元素的 Bootstrap 弹出窗口位置

我正在使用bootstrappopover在数据表上,正如您将从我的jsFiddle中看到的那样,每个单元格在单击时都会创建一个弹出窗口。我正在尝试为连续的最后一个td调整弹出框的位置或“位置”,想法是当单击最后一个单元格时,弹出框将位于左侧而不是顶部。如果滚动到表格的末尾,您会看到我已实现选择但未实现定位的最后一个单元格。关于如何实现这一点有什么想法吗?http://jsfiddle.net/N8NNC/1/弹出框的javascript代码如下:$(".metapop").popover({html:true,trigger:'manual',placement:'top',titl

javascript - Twitter Bootstrap 3 模态中的 jQuery Datepicker

我现在已经尝试了很多解决这个问题的方法,但我无法让它工作。我试图将日期选择器放入我的表单中。表单放置在Bootstrap模式中,整个内容通过ajax加载。一切正常,除了日期选择器放在模式中时根本不显示。我希望像这样的简单解决方案:.datepicker{z-index:9999!important;}会奏效,但事实并非如此。有人知道一个简单的解决方案吗?这是我的日期选择器:$(function(){$(".datepicker").datepicker({dateFormat:"yyyy-mm-dd"});});这是我的表格:×EndreartikkelMotattClos

javascript - 如何从 tinymce 4.x 中的窗口(弹出窗口)访问元素

我为tinymce编写了一个插件,它打开一个由url加载的弹出窗口(它将弹出窗口创建为iframe)。当我点击这个窗口中的一个按钮时,我想从这个弹出窗口访问一个元素值(这个元素是一个anchor标记,它有一个图像的url)并将它作为一个图像加载到tinymce编辑器中。我该怎么做?我的插件代码:tinymce.PluginManager.add('fileuploader',function(editor,url){editor.addButton('fileuploader',{text:'UploadImage',icon:false,onclick:function(){//Op

javascript - 如何在 Ionic 的框架内打开 webview?

我需要的是在Ionic应用程序页面的框架内加载HTML代码,而无需打开新窗口或覆盖页面的其余部分。想法是有一个框架可以打开网页,而不会覆盖或破坏页面的其余部分,如标题、按钮等。基本上,我想做的是等同于Ionic框架应用程序中的AndroidWebView。这可能吗?没有太多代码,就是一个简单的消息应用的“消息详情”页面,只是消息必须显示为网页。我需要显示带有顶部按钮的标题和它们下方的WebView。 最佳答案 您只想在您的应用程序中显示带有标题的任何WebView。是的,可以使用iframehtml标记。但它只适用于http网页浏览

javascript - Ionic 3 - 使用异步数据更新 Observable

对于社交媒体应用程序,我使用AngularFire2收集了一组由其ID引用的提要对象。一旦这些ID中的每一个都从存储实际提要对象的数据库中提取了相关数据,我希望用这些信息更新feedCardsObservable对象,这样我就可以在我的中异步显示提要对象的集合HTML。这是一个非常困惑的事件链,所以让我为您总结一下。Step-by-stepApproachdisplayFeed()在NavController加载Main页面上的feed组件之前调用。displayFeed()获取twiner项,本质上是一个用户配置文件项,然后将用户配置文件存储在userProfile变量中.加载用户配

javascript - Firebug 控制台窗口范围。为什么 "this"不总是相同的?

Firebug控制台作用域。为什么“这个”不总是一样的?不应该一直是“window”吗? 最佳答案 控制台中this的值将与当前正在执行的代码中this的值相同。考虑:-functionouter(){//thisiswindowvarx={n:12};varfn=function(){//thisisobject{n:12}alert(this.n);}fn.call(x);}...如果你在x={n:12}行打断点,切换到控制台你会发现this是窗口。但是,当您进入alert行时,控制台中的this是x变量持有的对象。IOW在执行

javascript - 如何区分刷新或关闭窗口触发的卸载事件?

卸载事件可以被刷新Action和窗口关闭Action触发。有没有办法区分实际触发它的Action?在我的情况下,我想忽略刷新操作。您能告诉我一些解决方法吗?我注意到已经有这种question问,但似乎他们都没有解决。因此我又提出了这个问题,希望有聪明的人能解决这个问题。 最佳答案 我不相信浏览器可以区分这两个事件。两者都是unload事件,并且都将调用您创建的任何unload函数。 关于javascript-如何区分刷新或关闭窗口触发的卸载事件?,我们在StackOverflow上找到一